<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>支付</title>
	<script src="__PUBLIC__/js/jquery-1.7.2.min.js"></script>
	<script src="__PUBLIC__/js/address.js"></script>
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/bootstrap/css/bootstrap.min.css"/>
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/pay.css"/>
    <link rel="stylesheet" type="text/css" href="__STATIC__/hdjs/hdjs.css">
    <script type="text/javascript" src="__STATIC__/hdjs/hdjs.min.js"></script>
	<script language="javascript">
	var s=["s1","s2","s3"];
	var opt0 = ["请选择省","请选择市","请选择县（区）"];
	function setup(){
	 for(i=0;i<s.length-1;i++)
	  document.getElementById(s[i]).onclick=new Function("change("+(i+1)+")");
	 change(0);
	}
	window.onload=function(){
	setup()	
		
	};
	$(function(){
		
		$('.dj').live('click',function(){
			var dj = $('#s1').val() + '省,' + $('#s2').val() + '市,' + $('#s3').val();
			alert(dj);	
		})
	})
	</script>
</head>
<body>
<!--头部用户名-->
<div id="top-user-box">
	<div id="top-user">
			<div class="user-out">
				<if value="$hd.session.uid&&$hd.session.uname">
				<p class="wel">欢迎您,</p>
				<a href="{|U:'My/dingdan'}" class="username">{$hd.session.uname}</a>
				<a href="{|U:'Common/out'}" class="out">[退出]</a>
				<p class="line">|</p>
				<a href="" class="query">订单查询</a>
				<else/>
				<p class="wel">欢迎来到聚美,</p>
				<a href="{|U:'Login/index'}" class="out" style="margin-left:10px">请登录</a>
				<a href="{|U:'Reg/index'}" class="out" style="margin-left:10px">快速注册</a>
				</if>
			</div>
	</div>
</div>
<!--头部用户名结束-->
<!--网页logo开始-->
<div id="home-logo-box">
	<div class="home-logo">
		<a href="" class="logo"></a>
		<p class="cart-order"></p>
	</div>
</div>
<!--网页logo结束-->
<!--1.地址选择开始-->
<div id="add">
	<p class="title">1 地址选择</p>
	<ul class="add-list">
		<foreach from="$addData" key="$k" value="$v">
			<label for="add{$v.uaid}" class="add-box">
				<input type="radio" name="uadd" id="add{$v.uaid}" checked="checked" value="{$v.uaid}" />
				<p class="aname">{$v.uaname}</p>
				<p class="aadd">{$v.address}</p>
				<p class="telphone">{$v.telphone}</p>
			</label>
		</foreach>
	</ul>
	<script type="text/javascript">
	$(function(){
		var add = $('input:checked').val();
		$('input[type=hidden]').val(add);
		$('input:checked').parent('.add-box').addClass('hover');
		$('.add-box').click(function() {
			var add = $('input:checked').val();
			$(this).addClass('hover').siblings('.add-box').removeClass('hover');
			$('input[type=hidden]').val(add);
		});
		$('.make-new').click(function() {
			$('.add-add').slideDown(300);
		});
		$('.cancle').click(function() {
			$('.add-add').slideUp(300);
		});
	})
	
	</script>
	<div class="make-new">
		使用新地址
	</div>
	<form onsubmit="return hd_submit(this,'{|U:'Pay/ajax_add'}','{|U:'Pay/index'}')" action="javascript:;" method="post" class="form-inline hd-form add-add" style="display:none">
		<div class="add-list">
			<ul class="left">
				<li>收件人：<span>*</span></li>
				<li>收货地址：<span>*</span></li>
				<li>详细地址：<span>*</span></li>
				<li>手机号码：<span>*</span></li>
			</ul>
			<ul class="right">
				<li>
					<input type="text" name="uaname" class="add-name" />
				</li>
				<li>
					<select name="province" id="s1">
						<option>直辖市/省</option>
					</select>
					<select name="city" id="s2">
						<option>市</option>
					</select>
					<select name="county" id="s3">
						<option>区/省</option>
					</select>
				</li>
				<li>
					<input type="text" name="add" class="add" placeholder="请填写详细地址"/>
				</li>
				<li>
					<input type="text" name="telphone" class="m-phone" />
					<p class="phone-text">或固定电话：<span>*</span></p>
					<input type="text" name="cellphone1" class="area" placeholder="区号"/> -
					<input type="text" name="cellphone2" class="phone-num" placeholder="电话号码"/> -
					<input type="text" name="cellphone3" class="phone-part" placeholder="分机"/>
				</li>
			</ul>
		</div>
		
		<div class="add-enter">
			<input type="submit" value="确定" class="add-succ" style="border:none;float:left">
			<!-- <a href="" class="add-succ">确定</a> -->
			<a href="javascript:;" class="cancle">取消</a>
		</div>
	</form>
</div>
	<!--地址选择结束-->
<form action="" method="post">
	<input type="hidden" name="uaid">
	<!--送货时间开始-->
	<div id="good-time">
		<p class="title">
			2 送货时间
			<span>送货时间仅作参考，快递公司会尽量满足您的要求</span>
		</p>
		<ul class="when">
			<li class="user-time">
				<label class="radio-inline">
  					<input type="radio" name="send-time" id="inlineRadio1" value="workday" checked="checked">仅工作日送货
				</label>
			</li>
			<li>
				<label class="radio-inline">
  					<input type="radio" name="send-time" id="inlineRadio1" value="weekend">仅周末送货
				</label>
			</li>
			<li>
				<label class="radio-inline">
  					<input type="radio" name="send-time" id="inlineRadio1" value="all">工作日/周末/假日均可
				</label>
			</li>
		</ul>
	</div>
	<!--送货时间结束-->
	<script type="text/javascript">
	$(".when li").click(function() {
		$(this).addClass('user-time').siblings('li').removeClass('user-time');
	});
	</script>
	<!--商品清单开始-->
	<div id="good-list">
		<p class="title">3 产品清单</p>
		<p class="back-cart">
			<span>聚美优品 </span>发货
			<a href="{|U:'Cart/index'}" class="go-back">返回修改购物车</a>
		</p>
		<div class="pay-list">
			<ul class="title-box">
				<li class="good-name">商品</li>
				<li class="good-num">数量</li>
				<li class="good-price">单价</li>
				<li class="good-money">小计</li>
			</ul>
			<foreach from="$hd.session.cart.goods" key="$k" value="$v">
				<ul class="good-box">
					<li class="good-name">
						<a href="{|U:'Content/index',array('gid'=>$v['id'])}" class="name-text">{$v.name}</a>
						<img src="__PUBLIC__/images/name-img.jpg" alt="" class="name-img" />
					</li>
					<li class="good-num">{$v.num}</li>
					<li class="good-price">¥{$v.price}</li>
					<li class="good-money">¥{$v.total}.00</li>
				</ul>
				<script type="text/javascript">
					$('.name-text').hover(function() {
						$(this).siblings('.name-img').show();
					}, function() {
						$(this).siblings('.name-img').hide();
					});
				</script>
			</foreach>
			<div class="bottom-money">
				<span class="money">¥ {$hd.session.cart.total}.00</span>
				<span>本单应付：</span>
			</div>
		</div>
		<div class="money-all">
			<span class="money-num">¥{$hd.session.cart.total}.00</span>
			<span>应付总额：</span>
		</div>
	</div>
	<!--商品清单结束-->
	<!--支付方式-->
	<div id="pay-way">
		<p class="title">4 支付方式</p>
		<div class="way-box">
			<label class="radio-inline">
				<input type="radio" name="way" id="" value="after" checked="checked">货到付款
			</label>
			<label class="radio-inline">
				<input type="radio" name="way" id="" value="web">网上银行
				<span>支持地方银行，需开通网银支付功能</span>
			</label>
		</div>
		<div class="pay-enter">
			<a href="{|U:'Cart/index'}" class="back-cart">返回修改购物车</a>
			<input type="submit" value="确认交易" class="pay-submit"/>
			<p class="money">
				 应付总额：
				<span>¥{$hd.session.cart.total}.00</span>
			</p>
		</div>
	</div>
	<!--支付方式结束-->
</form>
	<!--底部开始-->
	<div id="bottom-box">
		<div id="bottom-text">
			<p class="title">© 2013 北京创锐文化传媒有限公司 Jumei.com 保留一切权利。客服热线：400-123-8888</p>
			<p class="title-s">
				京公网安备 11010102001226 号 | 
				<a href="" class="num">京ICP证111033号</a>
				 | 食品流通许可证 SP1101051110165515（1-1） | 
				 <a href="" class="last">营业执照</a>
			</p>
		</div>
		<ul id="bottom-logo">
			<li><a href="" class="logo1"></a></li>
			<li><a href="" class="logo2"></a></li>
			<li><a href="" class="logo3"></a></li>
			<li><a href="" class="logo4"></a></li>
			<li><a href="" class="logo5"></a></li>
		</ul>
	</div>
	<!--底部结束-->
</body>
</html>